{% load static %}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    {% block cate-title%}
    {% endblock cate-title%}
    <link rel="shortcut icon" type="images/x-icon" href="{% static 'blog/cat_0.ico'%}" />
    {% block load-src %}
    {% endblock load-src %}
    {% block acticle-style %}
    {% endblock acticle-style %}
    <script type="text/javascript" src="{% static 'blog/js/base.js'%}"></script>
    <script type="text/javascript" src="{% static 'blog/js/yinghua.js'%}"></script>
    <style>
        html::-webkit-scrollbar {
          display: none; /* Chrome Safari */
        }
        html {
          scrollbar-width: none; /* firefox */
          -ms-overflow-style: none; /* IE 10+ */
        }
    </style>
</head>
<body>
    {% block acticle-title %} {% endblock acticle-title %}
    <main>
        <div class="placeHolder"></div>
        <div class="top-container">
            <div class="time-stamp">
                <span class="shaky">ฅ'ω'ฅ♪</span>
                <span id="site-time"></span>
            </div>
            {% block meta %}{% endblock meta %}
            {% block hitokoto %}{% endblock hitokoto %}
        </div>
        <div class="placeHolder"></div>
        <div class="main-container">
            {% block main %}{% endblock main %}
            {% block article %}{% endblock article %}
            <div class="placeHolder"></div>
            {% block clip-page %}{% endblock clip-page %}
        </div>
        <div class="placeHolder"></div>
    </main>
    <div class="flex-side-container"></div>
    <div class="side-container">
            <div class="site-title">
                <h3>
                    游說萬乘苦不早，著鞭跨馬涉遠道。
                </h3>
                <h1>
                    <a class="a-title" href="/">阿凌的貓爬架</a>
                </h1>
                <div class="myIcon"></div>
            </div>
            <div class="category-page">
                <ul class="category-ul">
                    <li>
                        <a href="{% url 'blog:category' 'cpp' %}">-CPP & C</a>
                        <i class="iconfont icon-file_cpp"></i>
                    </li>
                    <li>
                        <a href="{% url 'blog:category' 'python' %}">-PYTHON</a>
                        <i class="iconfont icon-logo-python "></i>
                    </li>
                    <li>
                        <a href="{% url 'blog:category' 'web_linux' %}">-WEB & LINUX</a>
                        <i class="iconfont icon-web-link"></i>
                    </li>
                    <li>
                        <a href="{% url 'blog:category' 'acm_math' %}">-ACM & MATH</a>
                        <i class="iconfont icon-fengkuangdaqiqiu"></i>
                    </li>
                    <li>
                        <a href="{% url 'blog:category' 'sql' %}">-SQL</a>
                        <i class="iconfont icon-Comment4"></i>
                    </li>
                    <li>
                        <a href="{% url 'blog:category' 'life' %}">-LIFE</a>
                        <i class="iconfont icon-sakura-flower"></i>
                    </li>
                    <li>
                        <a href="{% url 'blog:category' 'other' %}">-OTHER</a>
                        <i class="iconfont icon-order-play-fill"></i>
                    </li>
                </ul>
            </div>
            <div class="site-title-link">
                <ul class="link-select">
                    <li class="to-cate"><a href="javascript:;" title="Category">
                        分類
                    </a></li>
                    <li><a href="{% url 'blog:archive' %}" title="Archive">
                        歸檔
                    </a></li>
                    <li><a href="{% url 'blog:about_me' %}" title="About" target="_blank">
                        關於
                    </a></li>
                    <li><a href="{% url 'blog:friend' %}" title="Site-Link">
                        友鏈
                    </a></li>
                    <li class="soc">
                        <a href="https://github.com/boogieLing" target="_blank"  title="My project and code.">
                            <i class="iconfont icon-github"></i>
                            <span>Github</span>
                        </a>  
                        <a href="javascript:;" title="My wechat.">
                            <i class="iconfont icon-wechat2"></i>
                            <span>Wechat</span>
                            <img src="https://ling_boogie.gitee.io/peasonal_pic/wechat.png" class="wechat-img">
                        </a>  
                        <a href="javascript:;" title="Welcome to email me." class="email-show">
                            <i class="iconfont icon-emailmarketing_filled"></i>
                            <span >Email</span>
                            <span class="email-div">boogieLing_o@163.com</span>
                        </a>
                    </li>
                </ul>
                <div class="site-info">
                    <p>© 2020</p>
                    <a target="_blank" href="https://qwqr0.icu" rel="noopener noreferrer">boogieLing'o</a>
                    <p>
                        100% developed by R0.
                        <i class="iconfont icon-CatFootprint"></i>
                    </p>
                    <p>
                        <a target="_blank" href="http://www.beian.miit.gov.cn" target="_blank">
                            粤ICP备19086050号-2 <i class="iconfont icon-beian"></i>
                        </a>    
                    </p>
                </div>
            </div>
    </div>
    <div class="login-register">
        <img src="{% static 'blog/img/sakura_single.png'%}" alt="" class="wrench-use">
        {% if request.user.is_authenticated %}
            <span class="trun-out">幸會,</span>
            <span class="cur-user">{{request.user}}</span>
            <a href="{% url 'blog:logout_user'%}" class="logout roteYhidden" title="Logout">再會！</a>
        {% else %}
            <span class="trun-out">幸會,</span>
            <span class="cur-user">
            <a href="{% url 'blog:login_page'%}" class="login" title="Login">陌生人。</a></span>
        {% endif %}
    </div>
    <div id="link"></div>
    <div class="moon-light moon-hidden"></div>
    <div class="moon-back moon-hidden"></div>
    <div class="moon-font moon-hidden"></div>
    <div class="lightCover"></div>
    <div class="fake-info">
        <h1>激活Ubuntu</h1>
        <p>转到“设置”以激活Ubuntu。</p>
    </div>
    <div id="preogressbar"></div>
    <div id="scrollpath"></div>
    <a class="to-board"  href="{% url 'blog:color_board' %}" target="_blank">
        R0's board.
        <i class="iconfont icon-zuozhe"></i>
    </a>
</body>
    {% block hightLight-src%}
    {% endblock hightLight-src%}
</html lang="zh-CN">
